<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <v-damu></v-damu>
        <v-a></v-a>
        <v-b></v-b>
    </div>

</body>
<script src="../js/vue.js"></script>
<script>
    Vue.config.productionTip = false;



    new Vue({
        el:"#app",
        data:{

        },
        mounted(){
          console.log(this.$root === this,1)
        },
        components:{
            "v-damu":{
                template:`<div>
                     <img width="100" src="../img/test.jpg" />
                     <span>damu</span>
                </div>`,
                mounted(){
                    console.log(this.$root === this,2)
                }
            },
            "v-a":{
                template:`<div>
                     <span>v-a</span>
                </div>`
            }
        }
    })

    Vue.component("v-b",{
        template:"<i>v-b</i>"
    })
</script>
</html>